<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表标签之无序列表</title>
</head>

<body>
    <!--  
    无序列表是一个项目列表，此项目使用粗体圆点（曲型小黑圆圈）进行标记
    无序列表始于 ul 标签。每个列表项始于 li 标签。
    
    ul 的属性type拥有的选项
        -disc 默认实心圆
        -circle 空心圆
        -square 小方块
        -none 不显示

    无序列表可以以嵌套

    常见应用场景
    -导航
    -无序列表

    快捷键：
    快速生成ul+li的布局：ul>li*3 (数字根据自己的需要的 li 数量修改)
    -->

    <ul type="disc">
        <li>校长</li>
        <li>老师</li>
    </ul>

    <ul type="circle">
        <li>校长</li>
        <li>老师</li>
    </ul>

    <ul type="square">
        <li>校长</li>
        <li>老师</li>
    </ul>

    <ul type="none">
        <li>校长</li>
        <li>老师</li>
    </ul>

    <ul type="disc"></ul>
        <li>校长
            <ul>
                <li>杨思豪</li>
            </ul>
        </li>
        <li>老师</li>
    </ul>

    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>

</body>

</html>